<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>呼楷博的博客</title>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
</head>

<body>
    <header class="navbar" id="navbar">
        <div class="container">
            <div class="navbar-brand">
                <a href="#" class="navbar-title">呼楷博的博客</a>
            </div>
            <div class="navbar-collapse">
                <ul class="navbar-left">
                    <li><a href="#"><span><i class="iconfont icon-color icon-shouye-copy"></i>首页</span></a></li>
                    <li><a href="#"><span><i class="iconfont icon-color icon-yinhao"></i>留言板 </span></a></li>
                    <li><a href="#"><span><i class="iconfont icon-color icon-lianjie"></i>友谊之链</span></a></li>
                    <li><a href="#"><span><i class="iconfont icon-color icon-xiangce"></i>相册 </span></a></li>
                    <li><a href="#"><span><i class="iconfont icon-color icon-shipinku"></i>视频库 </span></a></li>
                    <li><a href="#"><span><i class="iconfont icon-color icon-chuansongmen"></i>传送门 </span></a></li>
                    <li><a href="#"><span><i class="iconfont icon-color icon-shijian"></i>时间线 </span></a></li>
                    <li><a href="#"><span><i class="iconfont icon-color icon-caidanguanyuwo"></i>关于我 </span></a></li>
                </ul>
                <ul class="navbar-right">
                    <li>
                        <span><i class="iconfont icon-sousuo"></i></span>
                    </li>
                </ul>
            </div>
        </div>
    </header>

    <section class="banner">
        <div class="banner-container">
            <!-- <div class="overlay"></div> -->
            <div class="typing-container">
                <p id="line1" class="typing-line"></p>
                <p id="line2" class="typing-line"></p>
            </div>
        </div>
    </section>
    <script src="../js/index.js"></script>
</body>

</html>